<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>具体星座描述</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
		<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript" src="../js/spin.js"></script>
		<script type="text/javascript" src="../js/iscroll.js"></script>
		<script>
			var myscroll;
			function loaded(){
				myscroll = new iScroll("wrapper",{
					useTransition:true,
					onScrollMove:function(){
						$(".backTop").click(function(){
							myscroll.scrollToElement(".today",300);
						});
					} 
				});   
			}
			window.addEventListener("DOMContentLoaded",loaded,false);
		</script>
		<script type="text/javascript" src="../js/constellation.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/detail-constellation.css"/>
	</head>
	<body>
		<!-- 整体 -->
		<div class="wrap">
			 
			<!-- 头部 -->
			<div class="header">
				<script type="text/javascript">
					$(".header").load("common-header.html");
				</script>
			</div>
			<!-- 等待加载  -->
			<div id="foo"></div>
			
			<!-- banner -->
			<div class="banner">
				<img src="../img/consellation-img/constellation_1.png" alt=""/>
				<p class="constellation">
					<span class="constellation_name"></span>
					<span class="constellation_time">3.21-4.19</span>
				</p>
			</div>

			<!-- 不同时间：今天，明天，本周，本月，本年 -->
			<div class="showdate">
				<ul>
					<li class="show-border">今天</li>
					<li>明天</li>
					<li>本周</li>
					<li>本月</li>
					<li>本年</li>
				</ul>
			</div>
			
			<!-- 展示不同的内容 -->
			<div class="constellation-content" id="wrapper">
				<div class="constel-show" id="scroller">
					<!-- 今日运势 -->
					<div class="today fortune">
						<!-- 整体运势 -->
						<ul class="whole-fortune">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li> 
						</ul>
					
						<!-- 具体的运势:健康 求职 恋情 财运 工作 -->
						<ul class="detail-fortune">
							<li>
								<h4>健康</h4>
								<p>内心有焦躁，但身体拒绝过劳求舒适。容易有尾部不适。</p>
							</li>
							<li>
								<h4>求职</h4>
								<p>虽有新想法，但心态求稳当，容易低就。但较有可能从家人处获得的机会。</p>
							</li>
							<li>
								<h4>恋情</h4>
								<p>之前积累的想法和感受，本周选择说出来。沟通机会增多，亦有可能以争吵的方式出现。</p>
							</li>
							<li>
								<h4>财运</h4>
								<p>虽有自己的理财想法，但总体受控于家人或家族的财务计划。受木星支撑有机会得到家人的支援。</p>
							</li>
							<li>
								<h4>工作</h4>
								<p>内心有焦躁，但身体拒绝过劳求舒适。容易有尾部不适。</p>
							</li>
						</ul>
					</div>
					
					<!-- 明天运势 -->
					<div class="tomorrow fortune">
						2
					</div>
					
					<!-- 本周运势 -->
					<div class="week fortune">
						3
					</div>
					
					<!-- 本月运势 -->
					<div class="month fortune">
						4
					</div>
					
					<!-- 本年运势 -->
					<div class="year fortune">
						5
					</div>
					
				</div>
			</div>
			
			<script type="text/javascript" src="../js/detail-constellation.js"></script>
			
			<!-- 尾部 -->
			<div class="footer">
				<script type="text/javascript">
					$(".footer").load("common-foot.html");
				</script>
			</div>
			
		</div>
		
	</body>
</html>
